<template>
	<div class="alert-icon-tooltip">
        <el-tooltip
            effect="dark"
            placement="top-end"
            v-bind="$attrs"
        >
            <template #content>
                <slot></slot>
            </template>
            <el-button icon="InfoFilled" text plain></el-button>
        </el-tooltip>
    </div>
</template>

<script>
/**
 * 鼠标移动显示图标
 */
export default {
	name: 'alertIconTooltip',
}
</script>
<style lang="scss" scoped>
.alert-icon-tooltip {
    .el-button {
        padding: 0;
    }

    .el-button:hover {
        padding: 0;
        height: auto;
    }
}

.el-form-item__content {
    .alert-icon-tooltip {
        position: absolute;
        right: 0;
    }
}
</style>
